:root{
    --textfont:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --textcolor: #8d8d8d; 
    --bg_color:  radial-gradient( circle, rgb(0, 36, 59), rgb(0, 0, 0)90%);
    --glasscolor: linear-gradient(145deg, #ffffff0a, #acacac13);
    --svgcolor:white;
    --highlighted: white;
    --bg_blur: blur(10px);
    --light: 10px 10px 30px rgba(255, 255, 255, 0.199);
    --shadow: 0 4px 30px rgba(0, 0, 0, 0.7);}

    
   body {
    margin: 0;
    height: 100vh;
    background-image: var(--bg_color);
   }
   header {
    background-image: var(--glasscolor);
    overflow: hidden;
    height:5vw;
    min-height: 50px;
    width: 100%;
    backdrop-filter: var(--bg_blur);
    box-shadow: var(--light);
        }

        header .button{
            position: absolute;
            right: 11vw;
            top: -1.6vw;
            text-decoration: none;
            color: var(--textcolor);
            font-family: var(--textfont);
            font-size: clamp(20px, 2vw, 140px);
            margin: 2vw;
            padding: 0.5vw 1vw;
            border: 2px solid var(--textcolor);
            border-radius: 10px;
        }

        header a {
            text-decoration: none;
            color: var(--textcolor);
            font-family: var(--textfont);
            font-size: clamp(25px, 3vw, 160px);
            margin: 2vw;
            padding-top: 30vw;

            }
            header a:hover{
                color: var(--highlighted);
                font-weight: 500;
                transition:  ease-in-out;
                }
        header img{
            height:clamp(60px, 7vw, 150px);
            justify-self: center;
            align-self: center;
            position: absolute;
            right: 3vw;
            top: -0.5vw
                     

        }
    .title{
        display: flex;
        justify-self: center;
        align-self: center;
        font-size: 15vw;
        color: var(--highlighted);
        font-family: var(--textfont);
        position: absolute;
        top: 40vh;
        bottom: 50vh;
        right: 10vw;
        text-shadow: var(--shadow);
    }
    .bg_video{
        position: absolute;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        z-index: -1;
    }